body {
  font-size:13px;
  color:#454545;
  background:#fafafa;
  position:relative;
  overflow-x:hidden;
  font-family:'Source Sans Pro','Oxygen',sans-serif;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-family:'Oxygen',sans-serif;
  font-weight:400;
  background:none;
  padding:0;
  width:auto;
  color:inherit;
  text-align:inherit;
}
.h4,h5,.h5,h6,.h6 {
  margin-top:10px;
  margin-bottom:10px;
}
h4,.h4 {
  font-size:18px;
}
p {
  background:none;
  padding:0;
  margin:0 0 10px;
  text-align:inherit;
  border:none;
  font-family:inherit;
}
input,textarea {
  border:1px solid #dddddd;
}
button {
  border-radius:0;
  border:1px solid #dddddd;
}
iframe {
  border:none;
}
.text-white{
  color: white!important;
}
.text-red{
  color: #dd4b39!important;
}
.text-green{
  color: #00a65a!important;
}
.text-center{
  text-align: center!important;
}
.bg-white{
  background-color: #fff!important;
}
.bg-black{
  background-color: black!important;
}
.border-top-green {
  border-top:4px solid #27ae60 !important;
}
h4>span.soft-status{
  font-size: 12px;
  margin-left: 15px;
}
.navbar {
  border-radius:0;
}
.navbar-blue {
  background-color:#2980b9;
  border-color:#3498db;
}
.navbar-blue .navbar-toggle {
  border-color:#3498db;
}
.navbar-green {
  background-color:#27ae60;
  border-color:#2ecc71;
}
.navbar-green .navbar-nav > li > a {
  color:whitesmoke;
}
.navbar-orange {
  background-color:#e82c0c;
  border-color:#ff530d;
}
.navbar-red {
  background-color:#d40d12;
  border-color:#ff1d23;
}
.navbar-purple {
  background-color:#8e44ad;
  border-color:#9b59b6;
}
.navbar-pink {
  background-color:#fe31ab;
  border-color:#fd32c0;
}
/* Header Section */
header {
  width:100%;
  position:relative;
  height:60px;
  z-index:500;
  background:rgba(255,255,255,0.95);
  border-bottom:1px solid #dddddd;
}
header .logo {
  padding:0px 20px;
  max-width:240px;
  display:block;
  color:#555555;
  width:100%;
  font-size:20px;
  line-height:60px;
  border-right:1px solid #dddddd;
  float:left;
}
header .logo .icon {
  margin-right:8px;
}
header .logo .image {
  margin-right:8px;
  height:40px;
  width:auto;
}
header .logo:hover {
  color:#aaaaaa;
}
header .navbar-main {
  display:block;
  height:60px;
  font-size:20px;
  text-align:center;
}
header .navbar-main .nav-content {
  display:inline-block;
  text-align:center;
  max-width:50%;
  width:auto;
}
header .navbar-main .nav-content .page-title {
  display:block;
  line-height:60px;
  margin-top:0px;
  margin-bottom:0px;
  font-size:20px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
header .navbar-main ul.button-container {
  display: flex;
  padding: 0;
  margin: 0;
}
header .navbar-main ul.button-container>.item {
  line-height: 60px;
  padding: 0 5px;
  display: block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
header .navbar-main ul.button-container>.item .iconfont {
  cursor: pointer;
  font-size: 25px;
}
.skin-blue header {
  background-color:rgba(36,148,242,0.8);
  border-color:#2494f2;
  color:white;
}
.skin-green header {
  background-color:rgba(46,204,113,0.8);
  border-color:#2ecc71;
  color:white;
}
.skin-red header {
  background-color:rgba(231,76,60,0.8);
  border-color:#e74c3c;
  color:white;
}
.skin-purple header {
  background-color:rgba(155,89,182,0.8);
  border-color:#9b59b6;
  color:white;
}
.skin-dark header {
  background-color:rgba(35,35,35,0.8);
  border-color:#232323;
  color:white;
}
@media (max-width:767px) {
  header {
    border:none;
  }
}
/* Main Section */
.content-wrapper {
  background:#fafafa;
  margin-left:0;
  min-height:500px;
  height:100% !important;
  padding:0;
  position:relative;
  -webkit-transition:margin 0.3s ease;
  -moz-transition:margin 0.3s ease;
  -ms-transition:margin 0.3s ease;
  -o-transition:margin 0.3s ease;
  transition:margin 0.3s ease;
}
.content-wrapper > .content {
  max-width:1200px;
  height:100% !important;
  margin-right:auto;
  margin-left:auto;
  padding-top:20px;
  -webkit-transition:margin 0.5s ease;
  -moz-transition:margin 0.5s ease;
  -ms-transition:margin 0.5s ease;
  -o-transition:margin 0.5s ease;
  transition:margin 0.5s ease;
}
.content-wrapper > .content.collapse {
  display:block;
}
.content-wrapper > .content.collapse.in {
  margin-right:auto;
}
@media (max-width:991px) {
  .content-wrapper {
    margin-left:0;
  }
}@media (max-width:767px) {
  .content-wrapper {
    margin-left:0;
  }
}
.panel .panel-heading > .controls .nav.nav-pills {
  margin: -8px 0 0 0;
}
.panel .panel-heading > .controls .nav.nav-pills li a {
  padding: 5px 8px;
  border-radius: 0;
}
#switcher {
   position:fixed;
   right:-213px;
   top:80px;
   width:245px;
   z-index:1000;
   -webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
   -ms-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;
 }
#switcher .toggle-btn {
  float:left;
  border:1px solid #d9d9d9;
  border-right-width:0;
  cursor:pointer;
  background-color:#fff;
  width:32px;
  height:32px;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
#switcher .content {
  background:white;
  color:black;
  width:210px;
  border:1px solid #d9d9d9;
  overflow:hidden;
  margin-left:32px;
}
#switcher.open {
  right:0;
}
#switcher .content .inner {
  padding:10px;
}
#switcher .color-container span {
  display:inline-block;
  width:48%;
  height:30px;
  border:1px solid #ddd;
  cursor:pointer;
}
#files-menu{
  padding: 10px 0;
}
#files-menu > div{
  padding: 5px 10px;
}
#files-menu > div.active{
  background-color: #f2f2f2;
}
#files-menu > div > a{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: unset;
}